<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<!-- CSS -->
<link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
<link rel="stylesheet" href="./css/index.css">
<body>
<form class="layui-form form-container" action="" method="post">
    <!-- 用户名 -->
    <div class="layui-form-item">
        <label class="layui-form-label">账号</label>
        <div class="layui-input-block">
            <input type="text" name="username" required lay-verify="required" autocomplete="off" placeholder="请输入账号" class="layui-input">
        </div>
    </div>
    <!-- 密码 -->
    <div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
    </div>
    <!-- 验证码 -->
    <div class="layui-form-item">
        <label class="layui-form-label">验证码</label>
        <div class="layui-input-block">
            <input type="text" name="verifyCode" required lay-verify="required" autocomplete="off" class="layui-input">
            <img id="verifyCode" src="/verify_image" class="verify-code">
        </div>
    </div>
    <!-- 记住我 -->
    <div class="layui-form-item">
        <label class="layui-form-label">记住我</label>
        <div class="layui-input-block">
            <input type="checkbox" name="rememberMe" lay-skin="switch" lay-text = "是|否">
        </div>
    </div>
    <!-- 提交 -->
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button type="button" class="layui-btn" lay-submit="" lay-filter="login">登录</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>

<!-- JS -->
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script src="./js/jquery-2.2.4.js"></script>
<script src="./js/index.js"></script>
</body>
</html>